<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			div{
				margin: 0 auto;border: 1px solid red;width: 400px;
			}
			
			p{
				width: 200px;border: 2px solid red;
			}
			p2{
				width: 200px;float: right;
			}
		</style>
	</head>
	<body>
		<div>
			<p>
				<img src="../img/1.jpg" alt="春" /><br />
				<a href="../spring.html">春</a>
			</p>
		<p1 >
			<img src="../img/2.jpg" alt="夏" /><br />
		<a  href="summer.html">夏</a>
		</p>
		<p>
				<img src="../img/1.jpg" alt="秋" /><br />
				<a href="../spring.html">秋</a>
			</p>
		<p1>
			<img src="../img/2.jpg" alt="冬" /><br />
		<a  href="summer.html">冬</a>
		</p>
		
		<a href="javascript：location.reload()">刷新本页</a>
		</div>
	</body>
</html>
